<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:og="http://ogp.me/ns#"
  xmlns:fb="http://www.facebook.com/2008/fbml">
<head>

<meta charset="utf-8" />
<meta property="og:title" content="{$event['topic']}" />
<meta property="og:description" content="{$event['detail']}" />
<meta property="og:app_id" content="612262128827570" />
<meta property="og:type" content="article"/>

<title>Santorini Water Fantasy</title>

<link href="css/reset.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>

<body>

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    // init the FB JS SDK
    FB.init({
      appId      : '612262128827570',                        // App ID from the app dashboard
      status     : true,                                 // Check Facebook Login status
      xfbml      : true                                  // Look for social plugins on the page
    });

    // Additional initialization code such as adding Event Listeners goes here
  };

  // Load the SDK asynchronously
  (function(){
     // If we've already installed the SDK, we're done
     if (document.getElementById('facebook-jssdk')) {return;}

     // Get the first script element, which we'll use to find the parent node
     var firstScriptElement = document.getElementsByTagName('script')[0];

     // Create a new script element and set its id
     var facebookJS = document.createElement('script'); 
     facebookJS.id = 'facebook-jssdk';

     // Set the new script's source to the source of the Facebook JS SDK
     facebookJS.src = '//connect.facebook.net/en_US/all.js';

     // Insert the Facebook JS SDK into the DOM
     firstScriptElement.parentNode.insertBefore(facebookJS, firstScriptElement);
   }());
</script>

<div id = "event">
<h2>{$event['topic']}</h2>

<center><img src = "{$event['image']" class = "img"></center>

<p class = "detail">{$event['detail']}</p>


<div class = "bottom">
	<div class="fb-like" data-layout="standard" data-action="like" data-width="100" data-show-faces="false" data-share="true"></div>
	<span class = "date">{$event['date']}</span>
	<img src="images/logo.png" class = "bottom-logo">
</div>

</div>

<script>
$(document).ready(function(){

});
</script>

</body>
</html>